import React from "react";
import {  StyleSheet, Text, TouchableOpacity, View } from "react-native";

export default ({text,itemWidth,itemHeight,borderRadius,borderWidth,borderColor,onPress}) => {

    return (
        <TouchableOpacity onPress={onPress}>
            <View style={[styles.root,{width:itemWidth,height:itemHeight,borderRadius,borderWidth,borderColor}]}>
                <Text style={styles.textStyle}>{`${text}`}</Text>
            </View>
        </TouchableOpacity>
    );
}

const styles = StyleSheet.create({
    root:{
        justifyContent:'center',
        alignItems:'center'
    },
    textStyle:{
        color:'white',
        alignItems:'center',
           
    }
});